<html>
	<head>
		<!DOCTYPE html>
		<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>MAGSI</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/main.css" />
	<link rel="stylesheet" href="css/sl-slide.css" />
	<link rel="stylesheet" href="css/font-awesome.css" />
	
	<script src="js/login/modernizr-2.6.2-respond-1.1.0.min.js"></script>
	<link rel="shortcut icon" href="imagenes/ico/vaquita.ico">
		
	</head>
	
	<body>
		<header class="navbar navbar-fixed-top">
    		 <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a id="logo" class="pull-left" href="index.php"></a>
                <div class="nav-collapse collapse pull-right">
                    <ul class="nav">
                         <li class="active"><a href="index.php">Inicio</a></li> 
                         <li><a href="gestFinca.php">Gestión de Finca</a></li>
                         <li><a href=" AdmFinca.php">Administración Finca</a></li>
                         <li><a href=" .php">Reporte General</a></li>
                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Operaciones de Usuario <i class="icon-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li class="login">  
                            <a data-toggle="modal" href="#loginForm"><i class="icon-lock">Login</i></a>
                        </li>
                        <li class="cerrar">  
                            <a data-toggle="modal" href="#cerrarForm"><i class="icon-lock">Cerrar Sesión</i></a>
                        </li>
                               <li><a href="#">Ayuda</a></li>
                            </ul>  
                        </li>
                    </ul>        
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </header>
    
    
     <section class="title">
        <div class="container">
            <div class="row-fluid">
                <div class="span6">
                    <h3>Administración de la Finca</h3>
                </div>
                <div class="span6">
                    <ul class="breadcrumb pull-right">
                        <li><a href="index.php">Inicio</a> <span class="divider">|</span></li>
                        <li><a href="#" class="active">Descripcion de fincas</a> <span class="divider">|</span></li>
                        <!--<ul>
                        	<li><a href="#">Uso de Tierra</a> </li>
                        	<li><a href="#">Suplementación</a></li>
							<li><a href="#">Forraje</a></li>
							<li><a href="#"></a></li>
                        </ul>-->
                        <li><a href="#">Administración Ganado</a> <span class="divider">|</span></li>
                        <li><a href="#">Contabilidad</a> <span class="divider">|</span></li>
                        <li><a href="#">Reportes</a></li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- / .title --> 
	
	<!--submenu -->
	<div id="submenu">
		<ul>
			<li><a href="#">Descripción Finca</a></li>
			<li><a href="#">Administracion del Ganado</a></li>
			<li><a href="#">Contabilidad</a></li>
			<li><a href="#">Reportes</a></li>
			
		</ul>
		
		
	</div>
	
	<!--Cerrar Sesión -->
<div class="modal hide fade in" id="cerrarForm" aria-hidden="false">
    <div class="modal-header">
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
        <h4>Cerrar Sesión</h4>        
    </div>
    <!--Modal Body-->
    <div class="modal-body" align="center">
        <form class="form-inline" action="index.php" method="post" id="form-login">
            <h5>Desea cerrar la sesión</h5> <br />           
            <button type="submit" class="btn btn-primary" name="Cerrar">Cerrar Sesión</button>
        </form>       
    </div>
    <!--/Modal Body-->
</div>
<!--  /Cerrar Login-->

	
	
<script src="js/login/jquery-1.9.1.min.js"></script>
<script src="js/login/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!--script para el login  -->

<script src="js/jquery.ba-cond.min.js"></script>
<script src="js/jquery.slitslider.js"></script>
<!--script para el slider  -->
	
	
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp">
                &copy; 2014 <a target="_blank" href="http://www.mag.go.cr/" title="Free Twitter Bootstrap WordPress Themes and HTML templates">Ministerio Agricultura y Ganadería</a>. Todos los Derechos Reservados.
            </div>
            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>	
		
	</body>
	
	
	
	
</html>